// import Vuex from 'vuex'; //这是vuex官方的包
import Vuex from "./../Vuex/index.js"; //使用自己 手撸的vuex
import Vue from 'vue'


// 将将Vue.use()这个方法
Vue.use(Vuex); //注册插件
//1.0 执行这个方法
// function a() {
//   debugger
// }
// Vue.use(a)
// 2.0 如果这个方法有install方法，那么执行这个方法
// function a() {
//   debugger
// }
// a.install = function () {
//   debugger
// }
// Vue.use(a)
// 3.0 如果install方法 有参数，该参数就是Vue Vue实例的钩子函数

// function a() {
//   debugger
// }
// a.install = function (Vue) {
//   debugger
// }
// Vue.use(a)




// Vuex中 有个 Store (构造函数)
export default new Vuex.Store({
  state: {
    age: 30 ,// 是响应式的 数据
  },
  getters: { // 相当于vue的计算属性，getters中的方法，默认会传入state作为参数
    getAgeAdd50(state) {
      console.log('缓存机制是否有')
      return state.age + 50
    }
  },
  mutations: {
    addAge(state,userValue) {
      // debugger
      if(userValue) {
        state.age += userValue
      } else {
        state.age ++

      }
    }
  },
  actions: {
  },
  modules: {
  }
})
